<template>
	<view>
		<view class="bditem">
			<view>施工单位</view>
			<view>{{ysxx.unit}}</view>
		</view>
		<view class="bditem">
			<view>监理单位</view>
			<view>{{ysxx.address}}水利局</view>
		</view>
		<view class="bditem">
			<view>规划用地面积</view>
			<view>{{ysxx.ys_mj}}</view>
		</view>
		<view class="bditem">
			<view>建设规模</view>
			<view>{{ysxx.ya_gm}}</view>
		</view>
		<view class="bditem">
			<view>开工日期</view>
			<view>{{ysxx.ys_kg}}</view>
		</view>
		<view class="bditem">
			<view>竣工日期</view>
			<view>{{ysxx.ys_jg}}</view>
		</view>
		<view class="bditem">
			<view>造价</view>
			<view>{{ysxx.ys_zj}}</view>
		</view>
		<view class="bditem">
			<view>年取水量</view>
			<view>{{ysxx.ys_sl}}</view>
		</view>
		<view class="tcwb">项目节水设施情况概述</view>
		<textarea placeholder="节水概述" value="按时按量,按需取用,节水状况良好" />
		<view class="tcwb">相关材料</view>
		<view class="tcwb">
			<image style="width: 202rpx;height: 206rpx;" src="../../static/imglq/xn.jpg"></image>
		</view>
		<view class="bditem">
			<view>审批人</view>
			<view>{{ysxx.ys_spr}}</view>
		</view>
		<view class="bditem">
			<view>审批时间</view>
			<view>{{ysxx.ys_spsj}}</view>
		</view>
		<view class="bditem">
			<view>审批结果</view>
			<view>审批通过</view>
		</view>
		<view class="bditem">
			<view>审批意见</view>
			<view>项目无误</view>
		</view>
		<view class="tcwb">审核意见</view>
		<textarea placeholder="审核意见" />
		<view class="stbt">
			<button @click="ystg">通过</button>
			<button @click="ysth">退回</button>
		</view>
	</view>
</template>

<script>
	import {reactive,toRefs,onMounted} from 'vue'
	import {useStore} from 'vuex'
	import http from '../../utils/http'
	export default {
		setup(){
			const {state}=useStore();
			let data=reactive({
				ysxx:{},
				ystg(){
					uni.navigateTo({url:'/pages/slsy/jsts'})
				},
				ysth(){
					uni.navigateTo({url:'/pages/slsy/jsts'})
				}
			})
			onMounted(()=>{
				let id=state.slapp.kcys.id
				http({
					url:'/yscx',
					data:{id}
				}).then((res)=>{
					data.ysxx=res.data.data[0]
				})
			})
			return {...toRefs(data)}
		}
	}
</script>

<style lang="scss">
	.bditem {
		color: #666666;
		padding: 20rpx 30rpx;
		display: flex;
		border-bottom: 1px solid #E4E4E4;

		view {
			display: flex;
			align-items: center;
		}

		&>view:first-child{
			text-align: center;
			width: 130rpx;
			margin-right: 80rpx;
		}
		&>view:last-child{
			font-size: 30rpx;
		}
		textarea{
			width: 345*2rpx;
			height: 200rpx;
		}
	}
	.tcwb{
		color: #666666;
		padding: 20rpx 30rpx;
		display: flex;
		justify-content: space-between;
		margin: 20rpx 0;
	}
	textarea{
		width: 350*2rpx;
		padding: 20rpx;
		height: 210rpx;
		margin-left: 25rpx;
		box-sizing: border-box;
		border: 1px solid #E4E4E4;
	}
	.stbt{
		display: flex;
		margin: 30rpx 0;
		justify-content: space-around;
		button{
			height: 67rpx;
			width: 200rpx;
			color: white;
			line-height: 67rpx;
			font-size: 32rpx;
			margin: 0;
			border: none;
			background-color: #0079FE;
		}
	}
</style>
